<html>
<head>
    <style type="text/css">
        .b-twitter-message {
            font-size: 13px;
            font-family: arial;
            margin: 6px 0 0 0;
            padding: 3px 2px 3px 8px;
            word-wrap: break-word;
        }
        .b-twitter-message_active {
            background-color: rgba(0, 0, 0, 0.05);
        }
        .b-twitter {
            width: 170px;
            border: 1px solid;
            border-color: rgb(0, 0, 0);
            border-color: rgba(0, 0, 0, 0.2);
            box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.2);
        }
        .b-twitter__header {
            padding: 8px;
            
        }
        .b-twitter__homelink {
            text-decoration: none;
            font-size: 20px;
        }
    </style>
    <script>
        var dojoConfig = {
            paths: {
                "olesk": "/olesk"
            }
        };
    </script>

    <script type="text/javascript"
            src="http://yandex.st/dojo/1.7.2/dojo/dojo.js"
            data-dojo-config="async:1">
    </script>
    
    <script type="text/javascript">
        require(["olesk/prod/out",
                 "dojo/dom",
                 "dojo/dom-style",
                 "dojo/fx",
                 "dojo/domReady!"], 
        function (load, dom, domStyle, fx) {
        	load({
        		'twitter': {
        			'screen_name': "firefox"
        		},
        		'widget': {
        			'class': "b-twitter__message-container"
        		}
        	}).then(function (widget) {
                domStyle.set(widget.domNode, {
                    'height': '0',
                    'display': 'none'
                });
                widget.placeAt(dom.byId('b-twitter'));
                fx.wipeIn({
                	node: widget.domNode
                }).play();
        	}, function (err) {
        	    console.log(err);
        	});
        });
    </script>
   
</head>
<body>
    <div class="b-twitter" id="b-twitter">
        <div class="b-twitter__header">
            <a class="b-twitter__homelink" href="/">@Olesk</a>
        </div>
    </div>
</body>
</html>
